<template>
  <div>
    <TypeNav/>
    <List/>
    <Today/>
    <Rank/>
    <Like/>
    <Floor v-for="floor,index in floorList" :key="index" :floor = "floor"/>
    <Brand/>
  </div>
</template>

<script>
import List from "./List"
import Today from "./Today"
import Rank from "./Rank"
import Like from "./Like"
import Floor from "./Floor"
import Brand from "./Brand"

import {getFloorRequest} from "@/api"
export default {
    name:"Home",
    components:{
      List,
      Today,
      Rank,
      Like,
      Floor,
      Brand
    },
    data() {
      return {
        floorList :[]
      }
    },
    mounted(){
      this.getFloor()
    },
    methods:{
     async getFloor(){
        const result = await getFloorRequest()
        this.floorList=result  
      }
    }
}
</script>

<style lang="less" scoped>

</style>